iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 27
1
Modern Web

30天成為Laravel萌新系列 第 27

30天成爲Laravel萌新(第26天) - 客製化404錯誤頁面

  • 分享至 

  • xImage
  •  

HTTP協議上存在許多狀態碼,其中400系列、500系列錯誤可能是最常見到。200、300很難被注意到。恐怕又以404錯誤、403錯誤、500錯誤、503錯誤最常見。一個好的錯誤提示頁面,可以帶來很好的使用體驗。你可以看看別人怎麼設計(以及2018年不可錯過的創意404報錯設計),甚至更有404 PAGE TEMPLATE (https://www.404pagefree.com/) 可以直接下載404錯誤頁面模板(這網址真有趣),裡頭模板多以CC-BY 3.0姓名標示授權,可用於商業用途。

404 Page image


那麼在Laravel要怎麼客製化這些錯誤提示頁面?以404錯誤頁面為例,可以建立resources/views/errors/404.blade.php檔案,寫入以下內容:

@extends("base",['title'=>'哎呀,找不著頁面'])

@section('title', '哎呀,找不著頁面')

@section('body')
    <h1>{{__('404 error message')}}</h1>
    <b>哎呀,找不著頁面</b>
    <p>
        <ul>
            <li><a href="/">點擊我,回到首頁</a></li>
            <li><a href="{{route('blog/post.index')}}">我的網誌</a></li>
        </ul>
    </p>
@endsection

同樣的...CSS不是本系列重點......

錯誤頁面模板中,還可以使用$exception->getMessage(),取得abort(404, $message)而外的訊息($message)。相關說明可以參考文件。這裡只是簡單的讓誤入網一的人,有個簡單的辦法回到正常頁面。


上一篇
30天成爲Laravel萌新(第25天) - 紀錄檔
下一篇
30天成爲Laravel萌新(第27天) - 本地化、多語言支援(Localization)
系列文
30天成為Laravel萌新32
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言